<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=400">
		<link rel="stylesheet" href="style.css">
		<title>input</title>
	</head>
	<body>
		<dl>
			<dt>text</dt>
			<dd><input type="text"></dd>
			<dt>password</dt>
			<dd><input type="password"></dd>
			<dt>tel</dt>
			<dd><input type="tel"></dd>
			<dt>url</dt>
			<dd><input type="url"></dd>
			<dt>email</dt>
			<dd><input type="email"></dd>
			<dt>search</dt>
			<dd><input type="search"></dd>
			<dt>number</dt>
			<dd><input type="number"></dd>
			<dt>file</dt>
			<dd><input type="file"></dd>
			<dt>color</dt>
			<dd><input type="color"></dd>
			<dt>range</dt>
			<dd><input type="range"></dd>
			<dt>button</dt>
			<dd><input type="button" value="button"></dd>
			<dt>image</dt>
			<dd><input type="image" src="test.png"></dd>
			<dt>submit</dt>
			<dd><input type="submit"></dd>
			<dt>reset</dt>
			<dd><input type="reset"></dd>
			<dt>checkbox</dt>
			<dd><input type="checkbox"></dd>
			<dt>radio</dt>
			<dd><input type="radio"></dd>
			<dt>date</dt>
			<dd><input type="date"></dd>
			<dt>datetime</dt>
			<dd><input type="datetime"></dd>
			<dt>datetime-local</dt>
			<dd><input type="datetime-local"></dd>
			<dt>month</dt>
			<dd><input type="month"></dd>
			<dt>week</dt>
			<dd><input type="week"></dd>
			<dt>time</dt>
			<dd><input type="time"></dd>
			<dt>textarea</dt>
			<dd><textarea></textarea></dd>
			<dt>form submit (GET)</dt>
			<dd><form action="input.html" method="GET">
					<input type="text" name="t"> <input type="submit">
			</form></dd>
			<dt>form submit (POST)</dt>
			<dd><form action="input.html" method="POST">
					<input type="text" name="t"> <input type="submit">
			</form></dd>
			<dt>textarea readonly</dt>
			<dd><textarea readonly>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</textarea></dd>
		</dl>
	</body>
</html>
